@charset "UTF-8";

// 轮播
.flickerplate {
    position:relative;
    width:100%;
    height:240px;
    background-color:#e6e6e6;
    overflow:hidden
}
.flickerplate ul.flicks {
    width:10000%;
    height:100%;
    padding:0px;
    margin:0px;
    list-style:none
}
.flickerplate ul.flicks>li {
    float:left;
    width:1%;
    height:100%;
    background-position:center;
    background-size:cover;
    display:table
}
.flickerplate ul.flicks>li .flick-inner {
    height:100%;
    padding:10px;
    color:#fff;
    display:table-cell;
    vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
    max-width:68.75em;
    margin-left:auto;
    margin-right:auto
}
.flickerplate ul.flicks>li .flick-title {
    padding:0px 0px;
    font-size:2.778em;
    line-height:1.995em;
    text-align:center
}
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}
}
.flickerplate ul.flicks>li .flick-sub-text {
    padding:5px;
    font-weight:300;
    line-height:2.5em;
    color:rgba(255, 255, 255, 0.8);
    text-align:center
}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
    padding:12px 18px;
    background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate .arrow-navigation {
    position:absolute;
    height:80%;
    width:10%;
    top:10%;
    z-index:100;
    overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
    display:block;
    height:100%;
    width:90%;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    -ms-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
    cursor:pointer
}
.flickerplate .arrow-navigation.left {
    left:0%
}
.flickerplate .arrow-navigation.left .arrow {
    opacity:0;
    margin:0px 0px 0px 50%;
    background-image:url("../img/flickerplate/arrow-left-light.png");
    background-repeat:no-repeat;
    background-position:left
}
.flickerplate .arrow-navigation.right {
    right:0%
}
.flickerplate .arrow-navigation.right .arrow {
    opacity:0;
    margin:0px 0px 0px -50%;
    background-image:url("../img/flickerplate/arrow-right-light.png");
    background-repeat:no-repeat;
    background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
    opacity:1;
    margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
    opacity:1;
    margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
    position:absolute;
    bottom:15px;
    width:100%;
    text-align:center;
    z-index:100
}
.flickerplate .dot-navigation ul {
    text-align:center;
    list-style:none;
    padding:0px 15px
}
.flickerplate .dot-navigation ul li {
    display:inline-block;
    float:none
}
.flickerplate .dot-navigation .dot {
    width:14px;
    height:14px;
    margin:0px 6px;
    background-color:rgba(255, 255, 255, 0.3);
    border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -webkit-transition:background-color 0.2s ease-out;
    -moz-transition:background-color 0.2s ease-out;
    -o-transition:background-color 0.2s ease-out;
    -ms-transition:background-color 0.2s ease-out;
    transition:background-color 0.2s ease-out
}
.flickerplate .dot-navigation .dot:hover {
    cursor:pointer;
    background-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
    background-color:#fff
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
    text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
    text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
    background-image:url("../img/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
    background-image:url("../img/flickerplate/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
    background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
    background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
    background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
    color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
    color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
    background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
    color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
    color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
    background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
    -webkit-perspective:1000;
    -webkit-backface-visibility:hidden;
    transform:translate3d(0%, 0px, 0px);
    -webkit-transform:translate3d(0%, 0px, 0px);
    -webkit-transition:-webkit-transform 0.6s;
    -o-transition:-o-transform 0.6s;
    -moz-transition:-moz-transform 0.6s;
    transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
    position:relative;
    left:0%;
    -webkit-transition:left 0.4s ease-out;
    -moz-transition:left 0.4s ease-out;
    -o-transition:left 0.4s ease-out;
    -ms-transition:left 0.4s ease-out;
    transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
    position:relative;
    left:0%
}
.flickerplate.animate-scroller-slide {
    padding-bottom:0px;
    overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
    position:auto
}

// 校园滚动
.sc-gd{
    width:96%;
    margin:12px auto;
    background:url("../img/gd_bj.png") no-repeat;
    background-size:100% 100%;
    overflow:hidden;

    ul{
        width:55%;
        padding-top:2%;
        padding-left:2%;
        padding-bottom:5%;
        float:left;

        li{
            width:100%;
            margin-top:4%;
            color:#616161;
        }
    }

    .sc-logo{
        width:43%;
        float:right;
        text-align: center;
        padding-top:5%;
        padding-bottom:5%;

        img{
            width:55%;
            height:55%;
        }
        p{
            width:100%;
            text-align: center;
            margin-top:5%;
            color:#616161;
            font-size: 1.2em;
        }
    }
}

// 校园资讯
.sc-info{
    width:100%;
    margin-top:15px;
    .info-title{
        width:100%;
        h2{
            width:100%;
            text-align: center;
            font-size: 1.5em;
            color:#fff;
        }
        p{
            width:100%;
            text-align: center;
            font-size: 0.95em;
            color:#d7d6d6;
            margin-top:10px;
        }
    }

    .info-con{
        width:100%;
        margin-top:12px;
        ul{
            width:100%;
            li{
                float:left;
                width:33.3333%;
                img{
                    width:100%;
                }
                p{
                    background:#81bff9;
                    width:100%;
                    margin-top:-3px;
                    text-align: center;
                    height:38px;
                    line-height: 38px;
                    font-size: 1.2em;
                    a{
                        color:#fff;
                    }
                }
                .info-btn{
                    background:#d9ebf9;
                    a{
                        color:#616161;
                    }
                }
            }
        }
    }
}
a{
    text-decoration: none;
}

// 合作伙伴
.sc-par{
    width:100%;
    padding-top:15px;
    clear:both;

    .par-title{
        width:100%;
        h2{
            width:100%;
            text-align: center;
            font-size: 1.5em;
            color:#fff;
        }
        p{
            width:100%;
            text-align: center;
            font-size: 0.95em;
            color:#d7d6d6;
            margin-top:10px;
        }
    }
    .par-con{
        width:100%;
        margin-top:10px;
        overflow:hidden;
        ul{
            width:100%;
            li{
                width:20%;
                float:left;
                text-align: center;
                margin-top:10px;
                img{
                    width:50%;
                }
                p{
                    width:100%;
                    text-align: center;
                    color:#fff;
                    font-size: 0.85em;
                    line-height: 130%;
                }
            }
        }
    }
}

// 底部
.bott-footer{
    width:100%;
    height:68px;
}
.footer{
    width:100%;
    margin-top:12px;
    padding-bottom:8px;
    background:#fff;
    overflow:hidden;
    position:fixed;
    left:0;
    bottom:0;
    border-top:1px solid #d3d4d6;
    ul{
        width:100%;
        li{
            float:left;
            width:20%;
            text-align: center;
            img{
                width:30%;
                margin-top:10px;
            }
            p{
                color:#bdc2c8;
                font-size: 0.9em;
            }
            .lan{
                color:#0379d9;
            }
        }
    }
}

// /******************订购************************************************/
.sc-order{
    width:80%;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-40%;
    margin-top:-180px;

    .info-title{
        width:100%;
        h2{
            width:100%;
            text-align: center;
            font-size: 1.5em;
            color:#fff;
        }
        p{
            width:100%;
            text-align: center;
            font-size: 0.95em;
            color:#d7d6d6;
            margin-top:10px;
        }
    }

    .or-con{
        width:100%;
        height:200px;
        background:#fff;
        border-radius: 10px;
        margin-top:10px;
        text-align: center;
        .or-title{
            width:100%;
            text-align: center;
            color:#0379d9;
            font-size: 1.2em;
            line-height: 200%;
            border-bottom: 1px solid #bdc2c8;
            font-weight: bold;
        }

        .or1{
            width:80%;
            height:36px;
            font-size: 1em;
            border:1px solid #bdc2c8;
            box-shadow: none;
            -webkit-appearance: none;
            margin-top:12px;
            outline:none;
            color:#bdc2c8;
        }
        .or2{
            width:80%;
            height:36px;
            font-size: 1em;
            color:#bdc2c8-35;
            border:1px solid #bdc2c8;
            margin-top:12px;
        }
        .or-btn{
            width:40%;
            margin-top:18px;
            height:32px;
            background:#0379d9;
            border-radius: 10px;
            border:none;
            font-size: 1em;
            font-weight: bold;
            color:#fff;
        }
    }
}


/********************************个人中心*******************************************************************************/
.user-info{
    width:100%;
    background:#0379d9;
    .user-btn{
        width:94%;
        margin:0 auto;
        text-align: right;
        img{
            width:10%;
            margin-top:8px;
        }
    }
    .user-con{
        width:94%;
        margin:0 auto;
        overflow:hidden;
        padding-bottom: 15px;
        .user-img{
            width:80px;
            height:80px;
            overflow:hidden;
            border-radius: 100%;
            float:left;
        }
        .user-zh{
            float:left;
            margin-left:12px;
            line-height: 25px;
            margin-top:15px;
            h2{
                font-weight: bold;
                font-size: 1.4em;
                color:#fff;
            }
            p{
                color:#fff;
            }
        }
    }
}

.user-state{
    width:100%;
    background:#fff;
    overflow:hidden;
    .state1{
        width:100%;
        padding-top:20px;
        border-bottom: 1px solid #bdc2c8;
        overflow:hidden;
        .ljxf{
            float:left;
            width:50%;
            text-align: center;
            border-right:1px solid #bdc2c8;
            margin-bottom: 20px;
            img{
                width:30%;
            }
            p{
                width:100%;
                text-align: center;
                margin-top:5px;
                color:#6c6d6f;
                span{
                    color:#0379d9;
                }
            }
        }
        .dcl{
            float:right;
            width:50%;
            text-align: center;
            margin-bottom: 20px;
            img{
                width:30%;
            }
            p{
                width:100%;
                text-align: center;
                margin-top:5px;
                color:#6c6d6f;
                span{
                    color:#0379d9;
                }
            }
        }
    }
    .state2{
        width:100%;
        margin-top:15px;
        border-bottom: 1px solid #bdc2c8;
        overflow:hidden;
        ul{
            width:100%;
            li{
                width:16.33333%;
                float:left;
                text-align: center;
                margin-bottom: 15px;
                img{
                    width:45%;
                }
                p{
                    margin-top:5px;
                    color:#6c6d6f;
                }
            }
        }
    }
}

// 我的信息
.my-info{
    width:100%;
    border-bottom: 1px solid #bdc2c8;
    background:#fff;
    margin-top:15px;
    .m-info1{
        width:100%;
        background:url("../img/111_07.png") no-repeat;
        background-position: 3% center;
        background-size: 8%;
        border-top:1px solid #bdc2c8;

        .m-infoCon{
            width:96%;
            margin:0 auto;
            background:url("../img/lll_03.png") no-repeat;
            background-position:right center;
            background-size: 3%;
            height:60px;
            line-height: 60px;
            padding-left:12%;
            font-size: 1.2em;
            color:#6c6d6f;
        }
    }

    .m-info2{
        width:100%;
        background:url("../img/222_07.png") no-repeat;
        background-position: 3% center;
        background-size: 8%;
        border-top:1px solid #bdc2c8;

        .m-infoCon{
            width:96%;
            margin:0 auto;
            background:url("../img/lll_03.png") no-repeat;
            background-position:right center;
            background-size: 3%;
            height:60px;
            line-height: 60px;
            padding-left:12%;
            font-size: 1.2em;
            color:#6c6d6f;
        }
    }

    .m-info3{
        width:100%;
        background:url("../img/333_07.png") no-repeat;
        background-position: 3% center;
        background-size: 9%;
        border-top:1px solid #bdc2c8;

        .m-infoCon{
            width:96%;
            margin:0 auto;
            background:url("../img/lll_03.png") no-repeat;
            background-position:right center;
            background-size: 3%;
            height:60px;
            line-height: 60px;
            padding-left:12%;
            font-size: 1.2em;
            color:#6c6d6f;
        }
    }
}

// /********************************************************************************特卖页面*********************************************/

.sale-head{
    width:100%;
    background:#0379d9;
    overflow:hidden;

    ul{
        width:96%;
        margin:0 auto;

        li{
            width:33.3333%;
            float:left;
            text-align: center;
            height:52px;
            line-height: 52px;
            font-size: 1.2em;
            font-weight: bold;
            color:#fff;
        }
        .sale-class{
            text-align: left;
            background:url("../img/class.png") no-repeat;
            background-position: left center;
            background-size: 25%;
            a{
                display:block;
                width:40%;
                text-indent:-1000px;
            }
        }
        .sale-gwc{
            background:url("../img/gwc.png") no-repeat;
            background-position: right center;
            background-size: 25%;
            a{
                display:block;
                width:40%;
                float:right;
                text-indent:-1000px;
            }
        }
    }
}

.paixu{
    width:100%;
    background:#fff;
    overflow:hidden;
    ul{
        width:100%;
        li{
            float:left;
            width:12%;
            margin-left:8%;
            font-size: 1em;
            color:#0379d9;
            height:42px;
            line-height: 42px;
            font-weight: bold;
        }
    }
}
.px1{
    background:url("../img/px1.png") no-repeat;
    background-position: right center;
    background-size: 24%;
}
.px2{
    background:url("../img/px2.png") no-repeat;
    background-position: right center;
    background-size: 24%;
}

.sale-list{
    width:100%;
    overflow:hidden;
    ul{
        width:100%;
        li{
            width:44%;
            background:#fff;
            margin-top:15px;
            padding:3%;
            float:left;
            margin-left:4%;
            img{
                width:100%;
            }
            p{
                color:#6c6d6f;
                line-height: 150%;
            }
            span{
                color:#0379d9;
            }
        }
    }
}

// /***********************************************************登陆*************************************************************************/

.sc-login{
    width:94%;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-47%;
    margin-top:-180px;

    .info-title{
        width:100%;
        h2{
            width:100%;
            text-align: center;
            font-size: 1.5em;
            color:#fff;
        }
        p{
            width:100%;
            text-align: center;
            font-size: 0.95em;
            color:#d7d6d6;
            margin-top:10px;
        }
    }

    .or-con{
        width:100%;
        background:#fff;
        border-radius: 10px;
        margin-top:10px;
        text-align: center;

        .or1{
            width:100%;
            height:46px;
            font-size: 1em;
            border-bottom:1px solid #bdc2c8;
            border-radius: 0;
            box-shadow: none;
            -webkit-appearance: none;
            outline:none;
            color:#bdc2c8;
            background:url("../img/zh.png") no-repeat;
            background-size: 5%;
            background-position: 10px center;
            padding-left:10%;
        }
        .or2{
            width:100%;
            height:46px;
            font-size: 1em;
            color:#bdc2c8-35;
            border-radius: 0;
            background:url("../img/mima.png") no-repeat;
            background-size: 5%;
            background-position: 10px center;
            padding-left:10%;
        }
    }
    .wangji{
        width:100%;
        text-align: right;
        height:46px;
        line-height: 46px;
    }
    button{
        width:100%;
        border:2px solid #fff;
        color:#fff;
        font-size: 1.2em;
        font-weight: bold;
        border-radius:5px;
        height:42px;
        margin-top:10px;
    }
}

// /***************************************************************修改个人信息********************************************************/
.sc-userCh{
    width:100%;
    .nicheng,.xingming,.xingbie,.dizhi{
        width:100%;
        padding-left:3%;
        padding-right:3%;
        height:42px;
        line-height: 42px;
        border-bottom: 1px solid #bdc2c8;
        input{
            float:right;
            height:42px;
            line-height: 42px;
            font-size: 1em;
            text-align: right;
        }
    }
    .xingbie{
        select{
            float:right;
            height:42px;
            line-height: 42px;
            font-size: 1em;
            color:#bdc2c8-35;
        }
    }
}
.tijaoxiugai{
        width:94%;
        height:42px;
        line-height: 42px;
        font-size: 1.1em;
        color:#fff;
        margin-left:3%;
        margin-top:30px;
        background:#0379d9;
        border:none;
        border-radius: 8px;
    }